<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>企业人员注册</title>
<base th:href="@{/}">
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="static/theme/index.css">
<link rel="stylesheet" href="static/css/myStyle.css"/>
<link rel="stylesheet" href="static/css/reset.css"/>
<body>

	<div id="hrRegister2">
		<template>
			<template>
			<el-main>
				<p class="title-Register">招聘人注册</p>
				<el-row class="register-body">
					<el-progress :percentage="percentage" :format="process"></el-progress>
					<el-row class="form-user">
						<el-form label-width="80px" :model="hr">
							
							<div v-show="divActive[0].div">
								<el-form-item label="所属企业" prop="bname" >
									<el-select v-model="selected" style="width:60%">
										<el-option @click.native="changeBid(index)" v-for="(i,index) in bussList" :key="index" :value="i.bname"></el-option>
									</el-select>
								</el-form-item>
								<el-form-item label="企业编号" prop="bid">
									<el-select v-model="selectedBid" style="width:60%">
										<el-option v-for="(i,index) in bussList" :key="index" :value="i.bid"></el-option>
									</el-select>
								</el-form-item>
								<el-form-item label="所属部门" prop="batchid" >
									<el-select v-model="hr.batchname"  style="width:60%">
										<el-option @click.native="changeBatchid(index)" v-for="(i,index) in selectedBatchList" :key="index" :value="i.batchname"></el-option>
									</el-select>
								</el-form-item>
								<el-form-item label="部门编号" prop="batchname">
									<el-select v-model="hr.batchid" style="width:60%">
										<el-option v-for="(i,index) in selectedBatchList" :key="index" :value="i.batchid"></el-option>
									</el-select>
								</el-form-item>
								<el-form-item label="密码" prop="password" >
									<el-input class="user-input" v-model="hr.hpwd" show-password></el-input>
								</el-form-item>
								<el-form-item label="确认密码" prop="password">
									<el-input class="user-input" v-model="hr.hpwd2" show-password></el-input>
								</el-form-item>
								<el-button v-show="divActive[0].index>0" type="primary" @click="backBtn(divActive[0].index)">上一步</el-button>
				 				<el-button v-show="divActive[0].index<3" type="primary" @click="nextBtn(divActive[0].index)">下一步</el-button>
						
							</div>
							
							<div v-show="divActive[1].div">
								<el-form-item label="用户名称" prop="hid">
									<el-input class="user-input" v-model="hr.hid"></el-input>
								</el-form-item>
								<el-form-item label="性别" prop="hgender">
									<el-select v-model="hr.hgender" style="width:60%">
										<el-option  value="男"></el-option>
										<el-option  value="女"></el-option>
									</el-select>
								</el-form-item>
								<el-form-item label="手机号" prop="hphone">
									<el-input class="user-input" v-model="hr.hphone" ></el-input>
								</el-form-item>
								<el-form-item label="邮箱" prop="hemail">
									<el-input class="user-input" v-model="hr.email"></el-input>
								</el-form-item>
								<el-form-item label="头像设置">
									<el-upload
									  class="avatar-uploader"
									  action="https://jsonplaceholder.typicode.com/posts/"
									  :http-request="uploadUserImg"
									  :show-file-list="false"
									 >
									  <img v-if="imageUrl" :src="imageUrl" class="avatar">
									  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
									</el-upload>
								</el-form-item>
								<el-button v-show="divActive[1].index>0" type="primary" @click="backBtn(divActive[1].index)">上一步</el-button>
				 				<el-button v-show="divActive[1].index<3" type="primary" @click="add">提交</el-button>
						
							</div>
							
						</el-form>
				    </el-row>
				</el-row>
			</el-main>
		</template>
		</template>
	</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript" src="static/js/hrRegister2.js"></script>
</body>
</html>